<!------------------------------------------------------------------------------------------------------------------------------------------
Autor: Jonathan Vindas Abarca
Fecha: 21-05-2012
Descripción: 
Esta página es creada con la finalidad de mostrar un formulario con los datos necesarios para agregar un nueva Guia.
-------------------------------------------------------------------------------------------------------------------------------------------->
<?php
    //Este include no puede faltar en ninguna pagina ya que asegura que el usuario este logeado y que no se ha pasado del limite de 20 minutos
    include ("../vistas/bloqueDeSeguridad.php");
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link type="text/css" href="../css/cssAgregarGuia.css" rel="stylesheet" />
    <link type="text/css" href="../css/tablaListas.css" rel="stylesheet" />
    <link type="text/css" href="../css/principal.css" rel="stylesheet" />
    <link type="text/css" href="../css/jquery.alerts.css" rel="stylesheet" media="screen" />
    <link type="text/css" href="../css/menuEmergente.css" rel="stylesheet" />
    <link type="text/css" href="../css/jquery.message.css" rel="stylesheet" media="screen"/>
    <link type="text/css" href="../css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" media="screen"/>
    
    <script type="text/javascript" language="javascript" src="../JavaScript/ajax.js"></script>
    <script type="text/javascript" language="javascript" src="../JavaScript/funcionesLineaDetalle.js"></script>
    <script type="text/javascript" language="javascript" src="../JavaScript/funcionesGuia.js"></script>
    <script type="text/javascript" language="javascript" src="../JavaScript/controlesDinamicos.js"></script>
    <script type="text/javascript" language="javascript" src="../JavaScript/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="../JavaScript/jquery.autocomplete.js"></script>
    <script type="text/javascript" language="javascript" src="../JavaScript/funciones.js"></script>          
    <script type="text/javascript" language="javascript" src="../JavaScript/jquery.dataTables.js"></script>
    <script type="text/javascript" language="javascript" src="../JavaScript/jslistadopaises.js"></script>
    <script type="text/javascript" language="javascript" src="../JavaScript/jquery.message.js"></script>
    <script type="text/javascript" language="javascript" src="../JavaScript/jquery.validate.js"></script>
    <script type="text/javascript" language="javascript" src="../JavaScript/jquery.alerts.js"></script>
    <script type="text/javascript" language="javascript" src="../JavaScript/jquery.ui.draggable.js"></script>
    <script type="text/javascript" language="javascript" src="../JavaScript/jquery.ui.core.js"></script>
    <script type="text/javascript" language="javascript" src="../JavaScript/jquery.ui.datepicker.js"></script>
    <script type="text/javascript" language="javascript" src="../JavaScript/jquery-ui-1.7.2.custom.min.js"></script> 
    

    <script type="text/javascript">
        $(document).ready(function(){
            //cargar_codBodegas();
            cargar_codVias();
            cargar_CodSigGuias();
            $("#datepicker").datepicker({
        
        
        
        
    });        
            //var accion=document.getElementById("accion").value; 
            $("#cmbBodegaDestino").change(function(){            
                dependenciaLocalidades();});                            
        });
        
        function hoy()
{
	var fechaActual = new Date();
	dia = fechaActual.getDate();
	mes = fechaActual.getMonth() +1;
	anno = fechaActual.getYear();
	if (dia <10) dia = "0" + dia;
	if (mes <10) mes = "0" + mes;
	fechaHoy = dia + "/" + mes + "/" + anno;
	return fechaHoy;
}
        
        function dependenciaLocalidades(){
            var division = document.getElementById("cmbBodegaDestino").value;
            var cantidadComboDivision=document.getElementById("cmbBodegaRemitente").length;
            var comboDivision=document.getElementById("cmbBodegaRemitente");
            toString("longitud", cantidadComboDivision);
            var i=0;
            for(var contador = cantidadComboDivision - 1; contador > 0; contador--) {
                //comboDivision.options[i]=null;
                comboDivision.remove(contador);
            }
            if(division=='001'){
                $('#cmbBodegaRemitente').append("<option value='0001'>Palmatica Coto</option><option value='0002'>Palmatica Quepos</option><option value='0004'>Palmatica Atlantico</option>");	                
            }
            if(division=='006'){
                $('#cmbBodegaRemitente').append("<option value='0001'>Aceitera Coto 54</option><option value='0002'>Aceitera Naranjo</option>");	
            }                    
            if(division=='003'){
                $('#cmbBodegaRemitente').append("<option value='0001'>Coto del Norte Coto</option><option value='0002'>Coto del Norte Quepos</option>");	
            }                    
            if(division=='009'){
                $('#cmbBodegaRemitente').append("<option value='0002'>Agrialim</option>");	
            }                    
        }

        function cargar_codBodegas()
        {
            var accion='cargarBodegas';
            $.get("../controladores/ajaxControlador.php",{accion:accion},function(resultado){
                if(resultado == false)
                {
                    alert("Error");
                }
                else
                {                    
                    $('#cmbBodegaRemitente').append(resultado);	
                    $('#cmbBodegaDestino').append(resultado);
                                                                        
                }
            }	);
        }
        function cargar_codVias()
        {
            var accion='cargarVias';
            $.get("../controladores/ajaxControlador.php",{accion:accion},function(resultado){
                if(resultado == false)
                {
                    alert("Error");
                }
                else
                {                    
                    $('#cmbVia').append(resultado);
                                                                        
                }
            }	);
        }

        function cargar_CodSigGuias()
        {
            var accion='cargarCodSigGuias';
            $.get("../controladores/ajaxControlador.php",{accion:accion},function(resultado){
                //var resultado=true;
                if(resultado == false)
                {
                    alert("Error cargar_CodSigGuias");
                }
                else
                {              
                    //var re='3434';
                    $("#divTxtCodGuia").attr("value",resultado);
                    //$('#divTxtCodGuia').append(resultado);
                   
                }
                document.getElementById("divTxtCodGuia").disabled=true;
                document.getElementById("hddCodGuia").value=document.getElementById("divTxtCodGuia").value;
                
            }	);
        }

    $(function(){
       $('#AgregaGuia').validate({
           rules: {           
           'datepicker': { required: true },
           'cmbBodegaDestino':   'required',
           'cmbBodegaRemitente':   'required',
           'cmbVia':   'required'
           },
       messages: {           
           'datepicker': '<br/>* Digite la fecha',
           'cmbBodegaDestino': '<br/>* Seleccione un Destino.',
           'cmbBodegaRemitente': '<br/>* Seleccione una Localidad.',
           'cmbVia': '<br/>* Seleccione un Transportista.'
       }
    });
});

    </script>
</head>
<?php
        error_reporting(0); 
        session_start();
        setcookie(session_name(), session_id(), NULL, NULL, NULL, 0);
        setcookie(session_name(), session_id(), NULL, NULL, NULL, 1);
        // La variable de usuario es $_SESSION["s_username"]
    ?>
<div id="menucontainer">
    <ul id="menuHorizontal">
        <li>
            <a href="../vistas/paginaPrincipal.php?accion=listarGuias&controlador=guias" target="Principal">Guías</a>
        </li>
        <!--
        <li>
            <a href="../vistas/paginaPrincipal.php?accion=listarLineas&controlador=lineas" target="Principal">Lineas</a>
        </li>
        <li>
            <a href="../vistas/paginaPrincipal.php?accion=listarLineaDetalles&controlador=lineaDetalle" target="Principal">Linea Detalle</a>
        </li>-->
        <li>
            <a href="../vistas/paginaPrincipal.php?accion=listarEmbalajes&controlador=embalajes" target="Principal">Embalajes</a>
        </li>
        <li>
            <a href="../vistas/paginaPrincipal.php?accion=listarPrecios&controlador=precios" target="Principal">Precios</a>
        </li>
        <li>
            <a href="../vistas/paginaPrincipal.php?accion=listarTransportistas&controlador=transportistas" target="Principal">Transportistas</a>
        </li>
    </ul>
</div>
<article id="contenido">
    <table>
        <tr>
            <td>
                <div class="estiloBotonesAgregarGuia">
                <a href="../vistas/paginaPrincipal.php?accion=listarGuias&controlador=guias" class="button back" target="Principal">Atr&aacute;s</a>
             <a href="javascript:document.getElementById('btnGuardar').click()" class="button save"target="Principal">Guardar</a>                 
            <a href="javascript:void(0);" class="button spark" onClicK="botonLimpiarGuia()">Limpiar</a>
            </div>
            </td></tr>            
    </table>
    <br><br>
    <table> <!--Esto es para mostrar el titulo de cada mantenimiento-->
        <div class="tituloAgregarGuia">
            <tr><h1> <center><font color="#B40404"> Gu&iacute;as de Env&iacute;o</font> </center> </h1></tr>             
        </div>
    </table>     
    <form action="../vistas/paginaPrincipal.php?accion=agregarGuias&controlador=guias" method="post" id="AgregaGuia" onSubmit="recibirForm();">
        <input type="hidden" name="hddAccion" id="hddAccion" value="<?php if (!empty($accion)) echo $accion ?>"/>
        <input type="hidden" id="hddCodGuia" name="hddCodGuia" value="<?php if (!empty($codGuia)) echo $codGuia ?>"/>
        <input type="hidden" id="hddNombreLocalidad" name="hddNombreLocalidad" value=""/>
        <br><br>
        <fieldset class="estiloFieldsetGuia" >            
            <?php if ($accion == 'agregarGuias') { ?>
                <legend class="leyenda">Agregar Gu&iacute;a de Env&iacute;o</legend>
            <?php } else {
                ?>
                <legend class="leyenda">Modificar Gu&iacute;a de Env&iacute;o</legend>
            <?php } ?>
            <table>
                <div class="editor-field"class="centrar">
                    <tr> 
                        <td><img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/> <label class="labelstyle"  for="txtCodGuia">Código Guía:</label>                        
                        &nbsp;&nbsp;&nbsp;<input type="text" id="divTxtCodGuia" name="divTxtCodGuia" disabled="true" value=""/>&nbsp;&nbsp;<!--<div id="divTxtCodGuia" name="divTxtCodGuia"></div>--><br/><br/></td>
                        <td>
                            <img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>&nbsp;&nbsp;<label class="labelstyle"> Fecha Envio:</label>
                            &nbsp;&nbsp;&nbsp;<input type="text" name="datepicker" id="datepicker" readonly="readonly" size="12" /><br/><br/></td>
                    </tr> 
                    <tr>
                        <td><img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>&nbsp;<label class="labelstyle" for="cmbBodegaDestino">Destino:</label> 
                        &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;
                            <select id="cmbBodegaDestino" name="cmbBodegaDestino" style="width: 200px">
                                <option value="">Selecciona Uno...</option>
                                <option value="001">Compa&ntilde;ia Palmatica</option>
                                <option value="003">Compa&ntilde;ia Agr&iacute;cola Coto del Norte S.A.</option>                                                                        
                                <option value="006">Aceitera Coto 54</option>                                                                                                        
                                <option value="009">Latin America Agrialim S.A.</option>                                                                        
                            </select>&nbsp;&nbsp;<br/><br/></td>                                                                                                                                                                                 
                        <td><img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>&nbsp;&nbsp;&nbsp;<label class="labelstyle" for="cmbBodegaRemitente">Localidad:</label>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <select id="cmbBodegaRemitente" name="cmbBodegaRemitente" style="width: 200px" >
                                <option value="">Selecciona Uno...</option>                                
                            </select>
                        <br/><br/></td>                           
                    </tr>
                    <tr>
                        <td><img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>&nbsp;<label class="labelstyle" for="cmbVia">Vía:</label> 
                        &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
                        <select id="cmbVia" name="cmbVia" style="width: 200px">
                                <option value="">Selecciona Uno...</option>
                            </select><br/><br/></td> 
                       
                    </tr>                           
                    <tr><td class="estiloMensajeCamposObligatorios">Los campos con  &nbsp; <img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>&nbsp; son obligatorios</td></tr>
                    
                    </table>
                    <!--<a href="../vistas/paginaPrincipal.php?accion=agregarLineas&controlador=lineas" class="button2 next2" target="Principal">Agregar Linea</a>-->
                    <div class="BotonEnviar">
                        <br/>
                        <input type="submit"id="btnGuardar" style="display:none" onclick="" value="btnGuardar"/>
                    </div>
                    <br>
                    </fieldset>
                    </form>  
                    </article>